body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #004d40; /* 深绿色背景 */
  color: white;
  /* 添加背景图相关样式 */
  background-image: url('../image/search_image.jpg'); /* 设置背景图片路径，根据实际情况调整 */
  background-size: cover; /* 让背景图覆盖整个页面，可能会裁剪图片以适应 */
  background-position: center; /* 使背景图居中显示 */
  background-repeat: no-repeat; /* 禁止背景图重复显示 */
  background-attachment: fixed; /* 固定背景图，使其不随页面滚动而滚动 */
}

header {
  background-color: #00695c; /* 深绿色背景 */
  padding: 10px 0;
  display: flex; /* 使用flex布局 */
  align-items: center; /* 垂直居中 */
  justify-content: space-between; /* 水平两端对齐 */
  padding: 0 20px; /* 左右内边距 */
}

#header-content {
  display: flex; /* 使用flex布局 */
  align-items: center; /* 垂直居中 */
  justify-content: start; /* 从开始位置对齐 */
  padding: 0 20px; /* 左右内边距 */
}

#top {
  max-width: 100px; /* 图片最大宽度，可根据需要调整 */
  height: auto; /* 图片高度自动 */
  margin-right: 10px; /* 图片和文字之间的间距 */
}

h1 {
  margin: 0; /* 移除标题的外边距 */
  font-family: Cursive, sans-serif;
}

nav {
  background-color: #00796b; /* 深绿色背景 */
  overflow: hidden;
}

nav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav a:hover {
  background-color: #004d40;
}

section.content {
  display: flex; /* 使用flex布局 */
  justify-content: space-between; /* 子元素之间的间距 */
  margin: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.1); /* 半透明白色背景 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.video-container {
  flex: 1; /* 视频容器占据一半空间 */
  margin-right: 20px; /* 视频容器和信息框之间的间距 */
  padding: 20px;
  background: rgba(255, 255, 255, 0.1); /* 半透明白色背景 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.info-box {
  flex: 1; /* 信息框占据一半空间 */
  padding: 20px;
  background: rgba(255, 255, 255, 0.1); /* 半透明白色背景 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.info-box a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 5px 0;
}

.info-box a:hover {
  background-color: #004d40;
}

footer {
  background-color: #00695c; /* 深绿色背景 */
  color: white;
  text-align: center;
  padding: 10px 0;
  position: relative;
  bottom: 0;
  width: 100%;
}

footer a {
  color: white;
  text-decoration: none;
}

footer a:hover {
  color: #00796b;
}